/**
* 功能描述：级联选择器组件
* @author jin xiaohang
*
* @date 2022/9/29 11:16
* @version 1.0
*/
<template>
    <div class="yw-cascader-panel">
        <div>
            <ul class="yw-cascader-panel-menu">
                <li class="yw-cascader-panel-menu-item">
                    浙江
                    <span class="yw-cascader-panel-menu-item-icon">
                            <svg focusable="false" class data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                                <path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z">
                                </path>
                            </svg>
                    </span>
                </li>
                <li class="yw-cascader-panel-menu-item">
                    江苏
                    <span class="yw-cascader-panel-menu-item-icon">
                            <svg focusable="false" class data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                                <path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z">
                                </path>
                            </svg>
                    </span>
                </li>
            </ul>
            <ul class="yw-cascader-panel-menu">
                <li class="yw-cascader-panel-menu-item">
                    杭州
                    <span class="yw-cascader-panel-menu-item-icon">
                            <svg focusable="false" class data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                                <path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z">
                                </path>
                            </svg>
                    </span>
                </li>
                <li class="yw-cascader-panel-menu-item">
                    南京
                    <span class="yw-cascader-panel-menu-item-icon">
                            <svg focusable="false" class data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                                <path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z">
                                </path>
                            </svg>
                    </span>
                </li>
            </ul>
            <ul class="yw-cascader-panel-menu">
                <li class="yw-cascader-panel-menu-item">
                    西湖
                    <span class="yw-cascader-panel-menu-item-icon">
                            <svg focusable="false" class data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                                <path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z">
                                </path>
                            </svg>
                    </span>
                </li>
                <li class="yw-cascader-panel-menu-item">
                    中华门
                    <span class="yw-cascader-panel-menu-item-icon">
                            <svg focusable="false" class data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                                <path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z">
                                </path>
                            </svg>
                    </span>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    name: "ywCascader"
}
</script>

<style scoped>

</style>